﻿@model ChargifySampleSite.MVC3.Models.RemoteSubscriptionViewModel

@{
    ViewBag.Title = "Subscribe (Remote)";
}

@section head {
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
@section menu {
    <div class="hlist">
	    <ul>
		    <li>@Html.ActionLink("Home", "Index", "Home")</li>
		    <li>@Html.ActionLink("Plans", "Plans", "Home")</li>
		    <li class="active"><strong>Subscribe (Remote)</strong></li>
	    </ul>
    </div>
}
@section leftContent {
    <h2>@ViewBag.PlanName Plan</h2>
    <div class="info">
        <p>Please fill in the following information.</p>
        <p>When finished, please click '<strong>Continue ...</strong>' to be taken to the Chargify product signup page.</p>
    </div>
}

<p>Please enter the following information and click '<strong>Continue ..</strong>' to move to the next step in the signup process.</p>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <div class="yform columnar">
        <div id="errorMessage" class="warning" style="visibility: hidden; display: none;">
            <h3>Uh Oh!</h3>
            <span>&nbsp;</span>
        </div>
        <fieldset>
            <legend>User Info</legend>
            <div class="type-text">
                @Html.LabelFor(model => model.Username)
                @Html.EditorFor(model => model.Username)
                @Html.ValidationMessageFor(model => model.Username)
            </div>

            <div class="type-text">
                @Html.LabelFor(model => model.Password)
                @Html.EditorFor(model => model.Password)
                @Html.ValidationMessageFor(model => model.Password)
            </div>

            <div class="type-text">
                @Html.LabelFor(model => model.ConfirmPassword)
                @Html.EditorFor(model => model.ConfirmPassword)
                @Html.ValidationMessageFor(model => model.ConfirmPassword)
            </div>

            <div class="type-text">
                @Html.LabelFor(model => model.Question)
                @Html.EditorFor(model => model.Question)
                @Html.ValidationMessageFor(model => model.Question)
            </div>

            <div class="type-text">
                @Html.LabelFor(model => model.Answer)
                @Html.EditorFor(model => model.Answer)
                @Html.ValidationMessageFor(model => model.Answer)
            </div>

            <div class="type-text">
                @Html.LabelFor(model => model.Email)
                @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)
            </div>

            <div class="type-button">
                <input type="submit" class="submit" value="Continue .." />
            </div>
        </fieldset>
    </div>
}

<div>
    @Html.ActionLink("Back to Plans", "Plans")
</div>

